﻿
@{
    ViewData["Title"] = "UserUpdate";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section head{
    <link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet" />
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" />
    <link href="/css/animate.min.css" rel="stylesheet" />
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" />
    <link href="/css/style.min.css?v=4.1.0" rel="stylesheet" />
    <style type="text/css">
        #dContent table td {
            padding-left: 3px;
            padding-right: 3px;
        }

        .input-group {
            width: 100%;
            margin-bottom: 5px;
        }

            .input-group .input-group-addon {
                width: 105px;
            }

        .dHeadImg {
            position: relative;
        }

            .dHeadImg a {
                float: left;
                padding: 3px;
                margin: 3px;
                border: 1px solid #ddd;
            }

                .dHeadImg a img {
                    width: 55px;
                    height: 55px;
                }

        h4 {
            margin-top: 20px;
            margin-left: 3px;
        }

        .dHeadImg .headSel {
            border: 1px solid #18a689;
            background-color: red;
        }
    </style>

}
<form id="form1" runat="server">
    <div id="dContent">
        <h4>基本信息</h4>
        <table id="tabUser" style="width: 100%;">
            <tr>
                <td>
                    <div class="input-group">
                        <span class="input-group-addon">姓名</span>
                        <asp:TextBox ID="txtUserName" runat="server" CssClass="form-control" dataType="null" Msg="姓名不能为空!"></asp:TextBox>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <span class="input-group-addon">手机号</span>
                        <asp:TextBox ID="txtUserTel" runat="server" CssClass="form-control"></asp:TextBox>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="input-group">
                        <span class="input-group-addon">密码</span>
                        <asp:TextBox ID="txtUserPwd1" runat="server" CssClass="form-control"></asp:TextBox>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <span class="input-group-addon">确认密码</span>
                        <asp:TextBox ID="txtUserPwd2" runat="server" CssClass="form-control"></asp:TextBox>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2" id="tdHead">
                    <h4>头像</h4>
                    <div class="dHeadImg">
                        <asp:Repeater ID="Repeater1" runat="server">
                            <ItemTemplate>
                                <a class="<%#UserHeadImg == Eval(" ImgPath").ToString()?"headSel":"" %>
                                    ">
                                    <img src="<%#Eval(" ImgPath") %>" />
                                </a>
                            </ItemTemplate>
                        </asp:Repeater>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div class="zui-footer">
        <asp:Button ID="btnSave" runat="server" CssClass="btn btn-primary btn-sm" Text="保存" OnClientClick="return verfic('tip', '#dContent');" OnClick="btnSave_Click" />
        <button id="btnClose" class="btn btn-default btn-sm" type="button" onclick="closePage(location.href);">关闭</button>
    </div>

    <asp:HiddenField ID="hfHeadImg" runat="server" />

    </form>
    @section scripts{
        <script src="/js/jquery.min.js?v=2.1.4"></script>
        <script src="/js/bootstrap.min.js?v=3.3.6"></script>
        <script src="/js/My97DatePicker/WdatePicker.js"></script>
        <script src="/js/plugins/layer/layer.min.js"></script>
        <script src="/js/plugins/iCheck/icheck.min.js"></script>
        <script src="/js/verification.js"></script>
        <script src="/js/zuiCode.js"></script>
        <script src="script/HotKey.js"></script>

        <script type="text/javascript">
            $(function () {
                $(".dHeadImg a").click(function () {
                    $(".dHeadImg a").removeClass("headSel");
                    $(this).addClass("headSel");
                    $("#hfHeadImg").val($(this).find("img").attr("src"));
                })
            })
        </script>
    }
